<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<style type="text/css">
			body{
				background: url(img/微信图片_20211116194326.jpg);
			}
			h1{
				margin-top: 1%;
				padding: 0;
				float: left;
				margin-left: 10%;
				color: white;
				font-size: 80px;
			}
			img{
				width: 40%;
				float: left;
			}
			#header{
				float: left;
				width: 100%;
				height: 25%;
			}
			#daohang{
				margin-left: 5%;
				text-align: center;
				float: left;
				width: 90%;
				height: 5%;
			}
			#daohang div{
				font-size: 30px;
				color: #FFFFFF;
				margin-left: 1%;
				float: left;
				background: dodgerblue;
				width: 15%;
				height: 6%;
			}
			#main{
				width: 90%;
				height: 50%;
			}
			#main_lift{
				margin-left: 10%;
				float: left;
				width: 60%;
				height: 80%;
				margin-top: 5%;
			}
			#main_lift img{
				width: 100%;
				height: 100%;
			}
			#main_right{
				margin-top: 5%;
				float: right;
				width: 15%;
				height: 80%;
			}
			#main_right img{
				margin-top: 15px;
				float: left;
				width: 90%;
				height: 160px;
			}
			#main_right p{
				color: white;
				font-size: 40px;
			}
			#footer{
				margin-top: 20px;
				width: 100%;
				height: 20%;
			}
			#map{
				float: left;
				margin-top: 20px;
				width: 30%;
				height: 80%;
			}
			#beian{
				margin-left: 5%;
				float: left;
				width: 50%;
				height: 20%;
			}
			#p{
				float: left;
				color: #FFFFFF;
				font-size: 30px;
			}
			#map img{
				margin-left: 10%;
				width: 90%;
				height: 200px;
			}
            a{
              text-decoration: none;
              color: #FFFFFF;
            }
		</style>
	</head>
    <body>
        <div id="header">
            <div id="logo">
                <img src="img/logo.png" >
                <h1>计算机系</h1>
            </div>
            <div id="daohang">
                <div>
                    <p><a href="index.html">首页</a></p>
                </div>
                <div>
                    <p><a href="party_work.html">党团工作</a></p>
                </div>
                <div>
                    <p><a href="double_height_construction.html">双高建设</a></p>
                </div>
                <div>
                    <p><a href="Professional_features.html">专业特色</a></p>
                </div>
                <div>
                    <p><a href="employment_Admissions.html">招生就业</a></p>
                </div>
                <div>
                    <p><a href="student_style.html">学生风采</a></p>
                </div>
            </div>
            <div id="main" align="center">
                <div id="main_lift" align="center"><img src="img/slider_bg.jpg" alt=""></div>
                <div id="main_right" >
                    <img src="img/nsi-erweima.jpg" alt="">
                    <p>北软公众号</p>
                    <img src="img/微信图片_20211116194316.jpg"  alt="">
                    <p>智慧北软小程序</p>
                </div>
            </div>
            <div id="footer" align="center">
                <div id="map">
                    <img src="img/logo-2.png" alt="">
                </div>
                <div id="beian">
                    <div id="p">
                        <p>©Copyright 2012-2021：沈阳北软信息职业技术学院   辽ICP备17002625号-1</p>
                        <p>地址：辽宁省沈阳市沈北路53号     联系电话：024-88928718</p>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
